
    <link href="/assets/css/frontend/quality/styles.css?v={$Think.config.site.version}" type="text/css" rel="stylesheet"/>

  <body>

    <div id="content-container" class="container">
      
      <div class="row">

        <div class="col-md-12">
                  <div class=" panel-default ">
                      <div class="panel-body">



        <h2 class="page-header">
          <i class="fa fa-key fa-fw"></i> 应用质量
        </h2>

        <div class="row">
              <div class="col-md-12 col-sm-9 col-xs-10">

        <div class="search">
          <label   class="control-label col-xs-2">应用类别</label>
          <div class="col-xs-3">
              <select class="form-control" name="status" id="u28_input">
                  <option value="">全部</option>
                  {if ($typeNames!=[]&&!empty($typeNames))}
                    {foreach $typeNames as $k=>$typeName)}
                    <option value="{$typeName}">{$typeName}</option>
                    {/foreach}
                  {/if}
              </select>
          </div>
          <label  class="control-label col-xs-2">应用名称</label>
          <div class="col-xs-3">
              <select class="form-control" name="status" id="u30_input">
                <option value="">全部</option>
                {if($list!=[]&&!empty($list))}
                  {foreach $list as $name}
                  <option value="{$name}">{$name}</option>
                  {/foreach}
                {/if}
            </select>
          </div>
          <button id="u33" class="btn btn-success" >查看</button>  
        </div>
                

        <div class="app">

          <div class="one">
            <div class="u53">
                <p><span>主要应用连接状态</span></p>
            </div>

            <!-- 优 -->
            <div class="u69">
              <img class="u69_img" src="/assets/img/frontend/app_quality/u69.png"/>
              <div class="u70">
                  <p><span>优</span></p>
              </div> 
            </div>

            <!-- 良 -->
            <div class="u69">
              <img class="u69_img" src="/assets/img/frontend/app_quality/u85.png"/>
              <div class="u70">
                  <p><span>良</span></p>
              </div>
            </div>

            <!-- 差 -->
            <div class="u69">
              <img class="u69_img" src="/assets/img/frontend/app_quality/u102.png"/>
              <div class="u70">
                  <p><span>差</span></p>
              </div>
            </div>

            <!-- 囧 -->
            <div class="u69">
              <img class="u69_img" src="/assets/img/frontend/app_quality/u118.png"/>
              <div class="u70">
                  <p><span>囧</span></p>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>
    </div>
  </div>
          

        </div>

      <div>
    </div>
  
  </body>

